import Vue from 'vue'
import Router from 'vue-router'
import store from '@/store/index'
import api from '@/axios/api/index' // 引入封装好的axiosAPI接口

Vue.use(Router)

// 路由配置
const router = new Router({
  routes: [
    { //
      path: '/',
      name: 'index',
      redirect: '/home',
      component: () => import('@/views/index'),
      children:[
        // 主页主界面
        {
          path: '/home',
          name: 'home',
          component: () => import('@/views/Home'),
          meta: {
            title: '主页'
          }
        },
        // 项目列表
        {
          path: '/userlist',
          name: 'userlist',
          component: () => import('@/views/user/userlist'),
          meta: {
            title: '项目列表'
          }
        },
         // 用户信息编辑
         {
          path: '/userpost',
          name: 'userpost',
          component: () => import('@/views/user/userpost'),
          meta: {
            title: '用户信息编辑'
          }
        },
      ]
    },
    // 登录页面
    {
      path: '/login',
      name: 'login',
      component: () => import('@/views/login'),
      meta: {
        title: '登录'
      }
    }
  ]
})

// 路由权限判定
router.beforeEach((to, from, next) => {
  // 设置页面title
  document.title = to.meta.title
  let token = window.localStorage.getItem('token')
  // 如果是去登录页的情况
  if(to.path == '/login') {
    if(!token) { // token不存在
      next()
    } else { // token存在的情况。弹出已登录情况，返回主页
      next('/home')
    }
  } else {
    // 不是去登录页情况下
    // 判断token
    if(!token) { // token不存在，去登录页
      next('/login')
    } else {
      next()
    }
  }
})
export default router